iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
0
自我挑戰組

網頁工程師在windows上的求生秘訣系列 第 27

透過虛擬碼來作流程圖-umlet

  • 分享至 

  • xImage
  •  

有時候在跟別人敘述說你程式的邏輯或是資料流時,會使用流程圖來表示,而以往的流程圖畫法不外乎就是拿出真的紙筆來畫,或是透過類似draw.io這類的拖拉畫面的輔助工具產生一個電子檔,但有時候我總是覺得自己拉這類的流程圖會有種畫面沒對齊或是沒有置中,有很多時間都是在調整他的高低,所以就在想說有沒有可以透過輸入程式碼,就可以自動產生流程圖的工具,就找到了這個工具-Umlet

這個工具可以透過輸入她認得的虛擬碼,將你的邏輯變成一張簡易的流程圖

title:Example Hotline
Start
Telephone rings
If
	[responsible]
	take call
	help caller

	[not responsible]
	forward call\(with subactions)
EndIf

End

除了基本的虛擬碼可以完成流程圖,他也可以透過拖拉來完成

安裝說明

這個工具因為是在java環境下運行的,所以在執行之前需要先在安裝java

  1. 下載java的jdk環境,並安裝完成,並將環境變數設定好
  2. 到官網下載最新的standalone檔下載連結
  3. 將裡面的Umlet.exe打開即可

使用方式

在他的主畫面中,左半邊為顯示區,右上角為選擇的圖示區,右下為文字編輯區

所以先到右上角的圖示區選擇你要的圖示
這邊有幾個注意的點,如果在選擇流程圖(activity)或是時序圖(sequence),並希望可以透過程式碼來編輯的話,要選擇有負載all in one的選項,並且先拖出一個初始的圖才能開始編輯

另外,在這個流程圖中,他的{}的排版是透過tab來進行辨識的,所以在輸入if或是while時的縮排要特別注意!!


上一篇
讓windows的觸控板更接近mac的小方法
下一篇
好用的線上IDE分享
系列文
網頁工程師在windows上的求生秘訣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言